<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>小霞私房|蛋糕|裱花|烘焙|甜品——网上订购</title>
		<link href="../css/bootstrap.css" rel="stylesheet" />
		<style>
			.nav1 p{
				margin-top: 5px;
			}
			.span-text{
				margin-top: 6px;
			}
			a {
				color: #000000;
			}
			.recommend-model{
				margin-top: 30px;
			}
			.recommend-model p {
				border-bottom: 2px solid #C9302C;
				font-size: 18px;
				display: inline;
				padding-bottom: 10px;
			}
			.recommend-model small {
				display: block;
				margin-top: 15px;
				margin-bottom: 15px;
			}
			.panel-body{
				padding-bottom: 0px;
			}
			.nav-pills > li.active > a, 
			.nav-pills > li.active > a:hover,
			.nav-pills > li.active > a:focus
			{
				color: #ff4001;
				background-color: #fff;
			}
			.nav > li > a:hover, .nav > li > a:focus {
				color: #ff4001;
			    background-color: #fff;
			}
			.thumbnail{
				padding: 0;
			}
			.thumbnail .caption{
				padding-top: 11px;
			}
			.badge{
				background-color: #ff4001;
				font-weight: normal;
			}
		</style>
	</head>
	<body style=" text-muted">
		<div style="position: fixed;z-index: 1;left: 0px;right: 0px;">
			<div style="background: #f9f9f9;">
				<div class="container" style="height: 29px;">
				    <div class="row nav1 text-muted">
				    		<div class="col-xs-6" >
				    			<div class="pull-left span-text">
		            				<span class="glyphicon glyphicon-map-marker"></span>广州
		            			</div>
		        			</div>
				    		<div class="col-xs-6" >
				    			<div class="pull-right span-text" style="font-size: 12px;margin-top: 7px;">
		            				<span class="glyphicon glyphicon-user"></span>客服
		            				&nbsp;
		            				<span class="glyphicon glyphicon-comment"></span>微信
				    			</div>
		        			</div>
				    	</div>
			    	</div>
		    </div>
		    	<hr style="margin-top: 0px;margin-bottom: 0px;">
		    	<div class="container" style="padding: 29px 0 0 0;background: #FFFFFF;opacity:0.9;height: 79px;">
			    <div class="row">
			    		<div class="col-xs-3">
			    			<img src="../img/logo.png" style="width: 185px;height: 50px;margin-top: -15px;"/>
	        			</div>
			    		<div class="col-xs-7" >	
			    			<ul class="nav nav-pills nav-justified" style="margin-top: -8px;">
							<li class="active"><a href="#">首页</a></li>
							<li><a href="#">蛋糕</a></li>
							<li><a href="#">甜品</a></li>
							<li><a href="#">烘焙</a></li>
							<li><a href="#">礼品包装</a></li>
							<li><a href="#">我的梦森林</a></li>
						</ul>
	        			</div>
			    		<div class="col-xs-2" >
			    			<div class="pull-right" style="margin-top: -3px;">
	            				<button type="button" class="btn btn-link" style="padding: 6px 0px;font-size: 12px;">登录</button>
	            				/
	            				<button type="button" class="btn btn-link" style="padding: 6px 0px;font-size: 12px;">注册</button>
	            				<button type="button" class="btn btn-link glyphicon glyphicon-shopping-cart" style="padding: 6px 10px;font-size: 12px;"></button>
			    			</div>
	        			</div>
			    	</div>
		    	</div>
	    	</div>
	    	
	    	<div style="position: fixed;width: 100%;height: 100%;top: 110px;">
		    	<video src="../img/home_video_1.mp4" poster="../img/video.jpg" 
		    		width="100%"
		    		preload="auto" autoplay="" loop="">
	            <img src="../img/video.jpg">
	        </video>
        </div>
        
        <div class="container hide" id="main" style="overflow: auto;">
		    <div class="row">
		    		<div class="col-xs-12">
		    			<div class="panel panel-default">
					    <div class="panel-body">
					    		<div>
					    			<div id="myCarousel" data-ride="carousel" data-interval="2500" class="carousel slide" style="margin-bottom: 20px;">
								    <!-- 轮播（Carousel）指标 -->
								    <ol class="carousel-indicators">
								        <li data-ride="carousel" data-target="#myCarousel" data-slide-to="0" class="active"></li>
								        <li data-ride="carousel" data-target="#myCarousel" data-slide-to="1"></li>
								        <li data-ride="carousel" data-target="#myCarousel" data-slide-to="2"></li>
								        <li data-ride="carousel" data-target="#myCarousel" data-slide-to="3"></li>
								    </ol>   
								    <!-- 轮播（Carousel）项目 -->
								    <div class="carousel-inner">
								        <div class="item active">
								            <img src="../img/c1.jpg" alt="First slide" class="img-rounded">
								        </div>
								        <div class="item">
								            <img src="../img/c2.jpg" alt="Second slide" class="img-rounded">
								        </div>
								        <div class="item">
								            <img src="../img/c3.jpg" alt="Third slide" class="img-rounded">
								        </div>
								        <div class="item">
								            <img src="../img/snow.jpg" alt="fourth slide" class="img-rounded">
								        </div>
								    </div>
								    <!-- 轮播（Carousel）导航 -->
								    <a class="carousel-control left img-rounded" href="#myCarousel" 
								        data-slide="prev">&lsaquo;
								    </a>
								    <a class="carousel-control right img-rounded" href="#myCarousel" 
								        data-slide="next">&rsaquo;
								    </a>
								</div>

						        <a href="javascript:void(0);" >
						        		<img src="../img/snow.jpg" class="img-rounded" style="width: 100%;" />
						        </a>
						        <p class="text-center">雪域牛乳芝士蛋糕 Le Cheesecake</p>
	
								<a href="javascript:void(0);">
						        		<img src="../img/dollar.jpg" class="img-rounded" style="width: 100%;" />
						        </a>
						        <p class="text-center">美刀刀蛋糕 Ms. Golden</p>
	
								<a href="javascript:void(0);">
						        		<img src="../img/diamond.jpg" class="img-rounded" style="width: 100%;" />
						        </a>
						        <p class="text-center">钻石雪域牛乳芝士蛋糕 Diamond Cheesecake</p>
					        </div>
					        <div class="recommend-model text-center">
					        		<p>诺心推荐</p>
					        		<small>lecake recommend</small>
					        	</div>
					        	<div class="row">
					        		<div class="col-xs-3">
					        			<a href="javascript:void(0);" class="recommend-produce" style="text-decoration: none;">
							        		<div class="thumbnail">
							            		<img src="../img/snow-small.jpg"
							                 alt="图片">
								            <div class="caption text-center">
								                <p class="text-center"><span class="badge">人气爆款</span>雪域牛乳芝士蛋糕</p>
								                <p class="text-center"><span style="color: #ff4001;">￥198</span>（2-4人食）</p>
								                <button type="button" class="badge btn btn-link glyphicon glyphicon-shopping-cart" style="text-decoration: none;padding-top: 0px;">加入购物车</button>
								            </div>
						            		</div>
					            		</a>
					        		</div>
					        		<div class="col-xs-3">
					        			<a href="javascript:void(0);" class="recommend-produce" style="text-decoration: none;">
							        		<div class="thumbnail">
							            		<img src="../img/snow-small.jpg"
							                 alt="图片">
								            <div class="caption text-center">
								                <p class="text-center"><span class="badge">星座立减</span>雪域牛乳芝士蛋糕</p>
								                <p class="text-center"><span style="color: #ff4001;">￥198</span>（2-4人食）</p>
								                <button type="button" class="badge btn btn-link glyphicon glyphicon-shopping-cart" style="text-decoration: none;padding-top: 0px;">加入购物车</button>
								            </div>
						            		</div>
					            		</a>
					        		</div>
					        		<div class="col-xs-3">
					        			<a href="javascript:void(0);" class="recommend-produce" style="text-decoration: none;">
							        		<div class="thumbnail">
							            		<img src="../img/snow-small.jpg"
							                 alt="图片">
								            <div class="caption text-center">
								                <p class="text-center"><span class="badge">立减</span>雪域牛乳芝士蛋糕</p>
								                <p class="text-center"><span style="color: #ff4001;">￥198</span>（2-4人食）</p>
								                <button type="button" class="badge btn btn-link glyphicon glyphicon-shopping-cart" style="text-decoration: none;padding-top: 0px;">加入购物车</button>
								            </div>
						            		</div>
					            		</a>
					        		</div>
					        		<div class="col-xs-3">
					        			<a href="javascript:void(0);" class="recommend-produce" style="text-decoration: none;">
							        		<div class="thumbnail">
							            		<img src="../img/snow-small.jpg"
							                 alt="图片">
								            <div class="caption text-center">
								                <p class="text-center"><span class="badge">HOT</span>雪域牛乳芝士蛋糕</p>
								                <p class="text-center"><span style="color: #ff4001;">￥198</span>（2-4人食）</p>
								                <button type="button" class="badge btn btn-link glyphicon glyphicon-shopping-cart" style="text-decoration: none;padding-top: 0px;">加入购物车</button>
								            </div>
						            		</div>
					            		</a>
					        		</div>
				        		</div>
				        		
					        	
					        	<div class="row">
					        		<div class="col-xs-3">
					        			<a href="javascript:void(0);" class="recommend-produce" style="text-decoration: none;">
							        		<div class="thumbnail">
							            		<img src="../img/snow-small.jpg"
							                 alt="图片">
								            <div class="caption text-center">
								                <p class="text-center"><span class="badge">新款</span>雪域牛乳芝士蛋糕</p>
								                <p class="text-center"><span style="color: #ff4001;">￥198</span>（2-4人食）</p>
								                <button type="button" class="badge btn btn-link glyphicon glyphicon-shopping-cart" style="text-decoration: none;padding-top: 0px;">加入购物车</button>
								            </div>
						            		</div>
					            		</a>
					        		</div>
					        		<div class="col-xs-3">
					        			<a href="javascript:void(0);" class="recommend-produce" style="text-decoration: none;">
							        		<div class="thumbnail">
							            		<img src="../img/snow-small.jpg"
							                 alt="图片">
								            <div class="caption text-center">
								                <p class="text-center"><span class="badge">好评王</span>雪域牛乳芝士蛋糕</p>
								                <p class="text-center"><span style="color: #ff4001;">￥198</span>（2-4人食）</p>
								                <button type="button" class="badge btn btn-link glyphicon glyphicon-shopping-cart" style="text-decoration: none;padding-top: 0px;">加入购物车</button>
								            </div>
						            		</div>
					            		</a>
					        		</div>
					        		<div class="col-xs-3">
					        			<a href="javascript:void(0);" class="recommend-produce" style="text-decoration: none;">
							        		<div class="thumbnail">
							            		<img src="../img/snow-small.jpg"
							                 alt="图片">
								            <div class="caption text-center">
								                <p class="text-center"><span class="badge"></span>雪域牛乳芝士蛋糕</p>
								                <p class="text-center"><span style="color: #ff4001;">￥198</span>（2-4人食）</p>
								                <button type="button" class="badge btn btn-link glyphicon glyphicon-shopping-cart" style="text-decoration: none;padding-top: 0px;">加入购物车</button>
								            </div>
						            		</div>
					            		</a>
					        		</div>
					        		<div class="col-xs-3">
					        			<a href="javascript:void(0);" class="recommend-produce" style="text-decoration: none;">
							        		<div class="thumbnail">
							            		<img src="../img/snow-small.jpg"
							                 alt="图片">
								            <div class="caption text-center">
								                <p class="text-center"><span class="badge">实惠</span>雪域牛乳芝士蛋糕</p>
								                <p class="text-center"><span style="color: #ff4001;">￥198</span>（2-4人食）</p>
								                <button type="button" class="badge btn btn-link glyphicon glyphicon-shopping-cart" style="text-decoration: none;padding-top: 0px;">加入购物车</button>
								            </div>
						            		</div>
					            		</a>
					        		</div>
				        		</div>
				        		
				        		<div class="text-center">
				        			<a href="javascript:void(0);"><small>更多蛋糕<br>more+</small></a>
				        		</div>
			        			
					        	<div class="row" style="background: #ebebeb;padding-top: 50px;">
					        		<div class="col-xs-5"></div>
					        		<div class="col-xs-1 text-center">
					        			<a href="javascript:void(0);">
						            		<span class="glyphicon glyphicon-user" style="font-size: 30px;"></span>
						            		<small style="display: block;">客服</small>
					            		</a>
					        		</div>
					        		<div class="col-xs-1 text-center">
					        			<a href="javascript:void(0);">
						            		<span class="glyphicon glyphicon-user" style="font-size: 30px;"></span>
						            		<small style="display: block;">微信</small>
					            		</a>
					        		</div>
					        		<div class="col-xs-5"></div>
				        		</div>
				        		<div class="row text-center" style="background: #ebebeb;padding-top: 20px;">
					        		<small>客服电话：18578752336&nbsp;&nbsp;服务时间：（08:30-20:30）</small>
				        		</div>
				        		<div class="row text-center" style="background: #ebebeb;padding-top: 20px;">
					        		<small>梦森林私房  江西省瑞金市武阳镇  客服邮箱：shiwei.luo@foxmail.com  联系电话：18578752336</small>
				        		</div>
				        		<div class="row text-center" style="background: #ebebeb;padding-top: 20px;padding-bottom: 30px;">
					        		<small>copyright©2010-2017梦森林mengsenlin.com版权所有 赣ICP备10211730</small>
				        		</div>
					    </div>
					</div>
        			</div>
		    	</div>
	    	</div>
    		
		<script src="../js/jquery-2.1.0.js"></script>
      	<script src="../js/bootstrap.js"></script>
      	<script>
			$(function(){
				setTimeout(function(){
					$('.panel-default').css("margin-top",document.body.scrollHeight - 50);
					console.log(document.body.scrollHeight);
					$('#main').removeClass('hide');
//					scroll(0,500);
					GoTop();
				},3000);
				var currentPosition = 0, timer, limit = document.body.scrollHeight - 200;
				
				function GoTop(){
				    timer = setInterval(runToTop,1);  
				};
				
				function runToTop(){
				    currentPosition += 3;
				    if(currentPosition < limit){
				        window.scrollTo(0, currentPosition);
				    }else{
				        clearInterval(timer);  
				    }
				};
			});
			
		</script>
	</body>
</html>
